<!DOCTYPE html>
<html>
<head>
	<title>空间书2</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	 <link rel="stylesheet" href="../css/normalize.css" type="text/css">
	 <link rel="stylesheet" href="../css/book.css" type="text/css">
	  <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
	 <script type="text/javascript">
		!function(a,b){function c(){var b=f.getBoundingClientRect().width;b/i>540&&(b=540*i);var c=b/10;f.style.fontSize=c+"px",k.rem=a.rem=c}var d,e=a.document,f=e.documentElement,g=e.querySelector('meta[name="viewport"]'),h=e.querySelector('meta[name="flexible"]'),i=0,j=0,k=b.flexible||(b.flexible={});if(g){console.warn("将根据已有的meta标签来设置缩放比例");var l=g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);l&&(j=parseFloat(l[1]),i=parseInt(1/j))}else if(h){var m=h.getAttribute("content");if(m){var n=m.match(/initial\-dpr=([\d\.]+)/),o=m.match(/maximum\-dpr=([\d\.]+)/);n&&(i=parseFloat(n[1]),j=parseFloat((1/i).toFixed(2))),o&&(i=parseFloat(o[1]),j=parseFloat((1/i).toFixed(2)))}}if(!i&&!j){var p=(a.navigator.appVersion.match(/android/gi),a.navigator.appVersion.match(/iphone/gi)),q=a.devicePixelRatio;i=p?q>=3&&(!i||i>=3)?3:q>=2&&(!i||i>=2)?2:1:1,j=1/i}if(f.setAttribute("data-dpr",i),!g)if(g=e.createElement("meta"),g.setAttribute("name","viewport"),g.setAttribute("content","initial-scale="+j+", maximum-scale="+j+", minimum-scale="+j+", user-scalable=no"),f.firstElementChild)f.firstElementChild.appendChild(g);else{var r=e.createElement("div");r.appendChild(g),e.write(r.innerHTML)}a.addEventListener("resize",function(){clearTimeout(d),d=setTimeout(c,300)},!1),a.addEventListener("pageshow",function(a){a.persisted&&(clearTimeout(d),d=setTimeout(c,300))},!1),"complete"===e.readyState?e.body.style.fontSize=12*i+"px":e.addEventListener("DOMContentLoaded",function(){e.body.style.fontSize=12*i+"px"},!1),c(),k.dpr=a.dpr=i,k.refreshRem=c,k.rem2px=function(a){var b=parseFloat(a)*this.rem;return"string"==typeof a&&a.match(/rem$/)&&(b+="px"),b},k.px2rem=function(a){var b=parseFloat(a)/this.rem;return"string"==typeof a&&a.match(/px$/)&&(b+="rem"),b}}(window,window.lib||(window.lib={}));</script>
	<style type="text/css">
	body{
		background: #FBFBFB;
	}
	.qqbook{
		width:100%;
		height:8.0rem;
		background: #FFFFFF;
		box-shadow: 0 1px 4px 0 rgba(130,130,130,0.50);
		position: relative;
	}
	main{
		width: 100%;
		height:100%;
		padding: 0;
	}
	.gei{
		width:5.866667rem;
		height:1.2rem;
		position: absolute;
		top:6.08rem;
		left:2.266667rem;
	}
	.myname{
		width:100%;
		height: 2.666667rem;
		padding-top:1.146667rem;

	}
	.myname_center{
		width:2.186667rem;
		height:2.186667rem;
		border-radius: 50%;
		margin:0 auto;

	}
	.black{
		width:100%;
		height:2.666667rem;
		position: relative;
	}
	.return{
		position:absolute;
		width:2.293333rem;
		height:1.173333rem;
		top:0.746667rem;
		left:2.266667rem;
	}
	.making{
		width:2.293333rem;
		height:1.173333rem;
		top:0.746667rem;
		position: absolute;
		left:5.333333rem;
	}
	.footer-center ul li a{
		position: absolute;

		left:0.666667rem;
	}
	</style>
</head>
<body>
	<div class="container">
		<div class="zhao">
		<header class="zhezhao">
			<div class="five">
				<div class="yibook"><img src="../images/my_bookshelf_new_book_icon_nor.png" style="width:100%;height:100%;"><a style="display:inline-block;width:1.866667rem;height:0.426667rem;font-size:0.32rem;color:#fff;position:absolute;left:-0.133333rem;top:1.12rem;">新建忆书</a></div>
				<div class="weibo"><img src="../images/new_book_weibo_btn_nor.png" style="width:100%;height:100%;"></div>
				<div class="weixin"><img src="../images/new_book_wechat_btn_nor.png" style="width:100%;height:100%;"></div>
				<div class="qq"><img src="../images/new_book_qq_btn_nor.png" style="width:100%;height:100%;"></div>
				<div class="photo"><img src="../images/new_book_photo_btn_nor.png" style="width:100%;height:100%;"></div>
			</div>
		</header>
		<main>
			<section class="qqbook">
				<div class="myname">
					<div class="myname_center"><img src="../images/my_bookshelf_small_book_cover.png" style="width:100%;height:100%;border-radius:50%;"></div>
				</div>
				<h4 style="display:inline-block;text-align:center;width:100%;font-size: 20px;color: #000;font-weight: normal;">请叫我宝宝哥</h4>
				<p style="font-size: 0.373333rem;color: #2E2E2E;text-align:center;line-height:0.8rem;">2132122121</p>
				<div class="black">
					<div class="return">
					<img src="../images/new_qq_book_return_bth_nor.png" style="width:100%;height:100%;"></div>
					<div class="making">
					<img src="../images/new_qq_book_start_making_btn_nor.png" style="width:100%;height:100%;">
					</div>
				</div>
			</section>
		</main>
		<footer>
			<div class="footer-center">
				<ul>
					<li><a href=""><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_is_making_icon_nor.png" style="width:0.72rem;height:0.72rem;padding-top:0.133333rem;"><br><span>正在制作</span></a></li>
					<li><a style="color: #5AC6B7;"></span><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_new_book_icon_nor.png" style="width:1.066667rem;height:1.066667rem;margin-top:-0.213333rem;"><br><span>新建忆书</span></a></li>
					<li><a href=""><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_my_order_icon_nor.png" style="width:0.72rem;height:0.72rem;padding-top:0.133333rem;"><br><span>我的订单</span></a></li>
				</ul>
				<div class="radius"></div>
			</div>


		</footer>
		</div>
	</div>
	<script>
	</script>
</body>
<script type="text/javascript" src="../js/public.js"></script>
</html>